.banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 100;
}

.banner .swiper{
	height: 100%
}

.banner .swiper .item{
	position: relative;
	overflow: hidden
}

.banner .swiper .item img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	z-index: 1;
	cursor: pointer
}

.banner .swiper .item .text{
	z-index: 10;
	position: absolute;
	left: 10%;
	bottom: 40%;
	width: 80%;
	color: #fff;
	
}

.banner  .text p:first-child {
	font-size: 60px;
	font-weight: 700;
	width: 50%;
    display: block;
	height: auto;
	font-family: play;
	color: #fff;
    -webkit-transition: 2s;
    transition: 2s;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    padding-top: 15px;
    
}

.banner .text p:nth-child(2) {
	line-height: 35px;
	font-size: 70px;
	font-weight: 700;
	height: auto;
	color: #fff;
	font-family: play;
	display: block;
	 padding-top: 60px;
	 -webkit-transition: 2s;
    transition: 2s;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.banner .swiper-slide-active .text p{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



.banner .swiper .item .text p:nth-child(3) {
	font-size: 18px;
	width: 50%;
	margin-top: 30px;
	font-family: light;
	line-height: 30px;
	color: #fff
}

.banner .swiper .item .text p:nth-child(3) span{
	margin-left: 5px;
	letter-spacing: 0!important
}

.banner .swiper .item .text span{
	display: inline-block;
	opacity: 0;
	letter-spacing: 5px;
	-webkit-transform: translate(100px);
	transform: translate(100px);
	-webkit-transition: .8s cubic-bezier(.32, .6, .4, 1.21);
	transition: .8s cubic-bezier(.32, .6, .4, 1.21)
}

.banner .swiper .item .text .small {
	font-size: 40px;
	opacity: 0
}

.banner .swiper .swiper-slide-active .text span {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.banner .share{
	position: absolute;
	right: 8%;
	top: 55%;
	z-index: 100;
	cursor: pointer
}

.banner .share i{
	color: #fff;
	font-size: 40px;
	-webkit-transition: all 1s;
	transition: all 1s
}

.banner .share:hover i {
	color: #747576
}

.banner .circle {
	position: absolute;
	bottom: 5%;
	right: 10%;
	z-index: 100;
	height: 40px;
	width: 40px;
	border: 1px solid hsla(0, 0%, 100%, .5);
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	cursor: pointer
}

.banner .circle span {
	display: inline-block;
	padding-top: 5px;
	-webkit-animation: scrollDown-data-v-4c578542 2s infinite;
	animation: scrollDown-data-v-4c578542 2s infinite;
	background-position: 0 -56px
}

.banner .circle span i {
	color: #fff;
	font-size: 25px
}

@-webkit-keyframes scrollDown {
	0% {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
		opacity: 1
	}
	to {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0
	}
}

@keyframes scrollDown{
	0% {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
		opacity: 1
	}
	to {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0
	}
}

.banner .circle:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 94%;
	width: 94%;
	border: 1px solid #fff;
	-webkit-animation: run 5s linear infinite;
	animation: run 5s linear infinite;
	content: "";
	display: inline-block
}

@-webkit-keyframes run {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes run{
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@media screen and (max-width:1440px) and (min-width:1000px) {
	.banner .swiper .item .text {
		left: 5%
	}
	.banner .share{
		top: 70%;
		right: 7.5%
	}
	.banner .swiper .item .text p:first-child {
		font-size: 50px;
		width: 100%
	}
	.banner .swiper .item .text p:nth-child(2) {
		font-size: 30px;
		padding-top: 30px;
	}
	.banner .swiper .item .text p:nth-child(3) {
		width: 100%;
		font-size: 16px
	}
	
}

@media screen and (max-width:1000px) {
	.banner .swiper .item .text{
		width: 90%;
		left: 5%
	}
	.banner .swiper .item .text p:first-child {
		font-size: 30px;
		width: 100%
	}
	.banner .swiper .item .text p:nth-child(2) {
		font-size: 20px;
		padding-top: 30px;
	}
	.banner .swiper .item .text p:nth-child(3) {
		width: 100%;
		font-size: 16px
	}
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction .swiper-pagination{
	top: 41%;
	left: 90%;
	width: 10%;
	z-index: 1000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.banner .swiper-pagination .swiper-pagination-bullet {
	position: relative;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: transparent;
	margin-left: 30px;
	opacity: 1!important;
	-webkit-transition: all 1s;
	transition: all 1s;
	margin-top: 20px
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin-top: 20px;
}

.banner .swiper-pagination .swiper-pagination-bullet:before {
	position: absolute;
	left: 6px;
	top: 6px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	content: "";
	display: inline-block;
	-webkit-transition: all 1s;
	transition: all 1s
}

.banner .swiper-pagination .swiper-pagination-bullet:after {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #fff;
	content: "";
	display: inline-block;
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 0
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	border-color: transparent
}

.banner .swiper-pagination .swiper-pagination-bullet-active:before {
	opacity: 0
}

.banner .swiper-pagination .swiper-pagination-bullet-active:after {
	background-color: #747576;
	opacity: 1
}

.banner .swiper-pagination .swiper-pagination-bullet:focus {
	outline: none
}

.banner .swiper-pagination .swiper-pagination-bullet i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 8px;
	border-radius: 20px;
	background-color: #fff
}

@media screen and (max-width:1000px) {
	.banner .swiper-pagination{
		width: 40%;
		bottom: 5%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		top: auto;
		right: 35%
	}
}

.pro {
	width: 100%;
	padding: 60px 0;
	background: #f3f4f6;
}

.pro .one {
	width: 100%;
	text-align: center;
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.pro .one .title {
	text-align: center
}

.pro .one .title p:first-child {
	font-family: play;
	font-size: 40px;
	text-transform: capitalize;
	padding-bottom: 20px
}

.pro .one .title p:nth-child(2) {
	width: auto;
	display: inline-block;
	padding: 2px 5px;
	position: relative;
	cursor: pointer
}

.pro .one .title p:nth-child(2):before {
	position: absolute;
	content: "";
	display: inline-block;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 0;
	background-color: #000;
	-webkit-transition: all 1s;
	transition: all 1s
}

.pro .one .title p:nth-child(2):hover:before {
	width: 100%
}

.pro .swiper {
	width: 100%;
	margin: 30px auto;
	border-bottom: 1px solid #d9d9d9;
	-webkit-animation-name: polygon;
	animation-name: polygon;
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.pro .swiper .item {
	position: relative;
	cursor: pointer
}

.pro .swiper .item .a1 {
	width: 100%;
	overflow: hidden
}

.pro .swiper .item .a1 img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	-webkit-transition: all 1s;
	transition: all 1s
}

.pro .swiper .item .a2 {
	width: 80%;
	margin-left: 10%;
	padding: 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.pro .swiper .item .a2 p {
	color: #fff;
	-webkit-transition: all 1s;
	transition: all 1s;
	background-color: #9b9b9b;
	padding: 3px 5px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 25px;
	text-transform: capitalize;
}

.pro .swiper .item:before {
	top: 0
}

.pro .swiper .item:after,
.pro .swiper .item:before {
	position: absolute;
	left: 0;
	width: 0;
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #000;
	-webkit-transition: all 1s;
	transition: all 1s;
	z-index: 100
}

.pro .swiper .item:after {
	bottom: 0
}

.pro .swiper .item:hover:after,
.pro .swiper .item:hover:before {
	width: 100%
}

.pro .swiper .item:hover .a1 img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.pro .swiper .item:hover .a2 p {
	background-color: #000
}

.pro .swiper2 {
	display: none
}

@-webkit-keyframes polygon{
	0% {
		-webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
		clip-path: polygon(0 0, 0 100%, 0 100%, 0 0)
	}
	to {
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)
	}
}

@keyframes polygon{
	0% {
		-webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
		clip-path: polygon(0 0, 0 100%, 0 100%, 0 0)
	}
	to {
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
		clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)
	}
}

.index_story{ z-index: 2;}
.index_story .info,
.index_story .img {
	height: 800px
}

.index_story .info {
	width: 50%;
	float: right;
	background: #e7e7e9;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

.index_story .info:before,
.index_zs .info:before {
	content: "";
	display: block;
	width: 1px;
	height: 0;
	background: #d8824b;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
	transition: all .8s
}

.index_story .info:hover:before {
	height: 100px
}

.index_story .flex {
	width: 80%;
	text-align: center
}
.index_story .info:hover .index_more{
	background: #d8824b;
}
.index_story .img {
	width: 50%;
	float: left;
	position: relative;
	z-index: 2
}

.index_story .img:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(62, 62, 62, .4)
}

.story_num {
	width: 100%;
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 12%;
	box-sizing: border-box
}

.index_more {
	display: inline-block;
	width: 148px;
	height: 44px;
	overflow: hidden;
	line-height: 44px;
	text-align: center;
	margin-top: 50px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	position: relative;
	border: 1px solid #ccc;
	z-index: 1
}

.index_more em {
	display: inline-block;
	width: 18px;
	height: 12px;
	background: url(../images/yan.png) no-repeat center;
	background-size: 100% 100%;
	margin-right: 10px;
	transition: all 1s
}
.index_more:hover{ background: #d8824b;}
.index_more:before,
.index_more:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 30px;
	height: 30px;
	background: #d8824b;
	border-radius: 50%;
	-webkit-transition: .6s;
	transition: .6s
}

.index_more:before {
	left: -20px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.index_more:after {
	right: -20px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.index_more:hover:before,
.morebox:hover .index_more:before {
	-webkit-animation: criss-cross-left .6s both;
	animation: criss-cross-left .6s both
}

.index_more:hover:after,
.morebox:hover .index_more:after {
	-webkit-animation: criss-cross-right .6s both;
	animation: criss-cross-right .6s both
}

.index_more:hover,
.morebox:hover .index_more,
.morebox:hover a {
	color: #fff
}

.index_more:hover em,
.morebox:hover .index_more em {
	background: url(../images/yan2.png) no-repeat center;
	background-size: 100% 100%
}


.story_num .box {
	display: inline-block;
	color: #fff
}

.story_num span {
	display: block;
	font-size: 48px;
	font-weight: blod
}

.index_tit2 .en {
	font-size: 30px;
	font-family: play;
	margin: 5px 0
}

.index_tit2 .cn {
	font-size: 18px;
	padding: 8px 0;
}

.index_tit2 .line {
	margin: 30px 0
}

.index_story .index_text {
	text-align: left;
	 padding: 30px 0;
	 text-align: justify;
}

.index_story .index_more {
	margin-top: 120px
}
.index_text p{ text-indent: 24px; line-height: 30px; text-align: justify; font-size: 14px;}
@media screen and (max-width: 1000px)
{
.index_story .info{ width: 100%; height: auto; padding: 20px 0; margin-top: -10px;}
.index_story .img{ width: 100%; height: auto;}
.index_story .flex{ width: 90%; margin: 0 auto;}
}
.catebg {
    background: url(../images/b03.jpg) no-repeat left top;
    overflow: hidden;
    background-size: cover;
}

.catebg .s3_content{   
		display:box; 
		display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		display:-webkit-flex; /* Chrome */
		display:-moz-box;     /* Firefox 19 */
		display:-ms-flexbox;   
		display:flex;  /*flex容器*/
		box-pack:justify;
		-webkit-box-pack: justify;
		-moz-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content: space-between;
		box-align:center; 
		-webkit-box-align:center;
		-moz-box-align:center;
		-ms-flex-align:center;
		align-items:center;
  }
.catebg .s3_content .s3_li{ width:25%; height:100vh; border-left:1px solid rgba(255,255,255,0.15);
		display:box; 
		display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		display:-webkit-flex; /* Chrome */
		display:-moz-box;     /* Firefox 19 */
		display:-ms-flexbox;   
		display:flex;  /*flex容器*/
		box-pack:center;
		-webkit-box-pack: center;
		-moz-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		box-align:center; 
		-webkit-box-align:center; 
		-moz-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		 position:  relative;perspective: 2000px; overflow:hidden;
 }
.catebg .s3_content .s3_li:first-child {
	border-left: none;
}

.catebg .s3_content .s3_li .si3_d {
	text-align: center;
	opacity: 1;
	transition: all 1s linear 0s;
}

.catebg .s3_content .s3_li .si3_d img {
	display: inline-block;
}

.catebg .s3_on {
	opacity: 0;
	transform-origin: 100% 50%;
	/*transform: rotateY(-97deg);*/
	transition: all 0.2s ease-in-out 0s;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.catebg .s3_on img {
	width: 100%;
}

.catebg .info {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	overflow: hidden;
	height: 22.7vw;
	opacity: 0;
	transform-origin: 0% 50%;
	/* transform:rotateY(0deg);*/
	transition: all 0.3s ease 0.2s;
}

.catebg .info img {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.catebg .info div {
	position: absolute;
	z-index: 2;
	padding: 0 50px 0 65px;
	top: 8vw;
	display: block;
}

.catebg .info div a.more1 {
	display: block;
	margin: 10px 0 0 0;
	color: #333;
	padding: 5px 10px;
	border-radius: 5px;
	line-height: 20px;
	text-align: center;
	width: 120px;
	background: #fff;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.catebg .info div a.more1:hover {
	background: #D7000F;
}

.catebg .info>a {
	display: block;
}

.catebg .s3_content h4 {
	font-size: 1vw;
	color: #FFFFFF;
	line-height: 1;
	padding: 2.5vw 0 17px;
}

.catebg .s3_content h5 {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1;
}

.catebg .info div h4 {
	padding-top: 6vw;
}

.catebg .info div h4 a {
	color: #fff;
}

.catebg .s3_li:nth-of-type(1) .info div h4 {
	background: url(../images/i3-on1.png) no-repeat top left;
}

.catebg .s3_li:nth-of-type(2) .info div h4 {
	background: url(../images/i3-on2.png) no-repeat top left;
}

.catebg .s3_li:nth-of-type(3) .info div h4 {
	background: url(../images/i3-on3.png) no-repeat top left;
}

.catebg .s3_li:nth-of-type(4) .info div h4 {
	background: url(../images/i3-on4.png) no-repeat top left;
}

.catebg .s3_li:nth-of-type(5) .info div h4 {
	background: url(../images/i3-on5.png) no-repeat top left;
}

.catebg .info div p {
	font-size: 14px;
	line-height: 24px;
	color: #ccdcd4;
	margin-top: 1.82vw;
	height: 48px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.catebg .s3_li:hover .s3_on{
	opacity: 1;
}
.catebg .s3_li:hover .info{
	opacity: 1;
}
@media screen and (max-width: 1000px)
{
	.catebg .s3_content .s3_li{ height: 25vh;}
	.catebg .info div{ display: none;}
	.catebg .s3_on{ display: none;}
	.catebg .s3_content .s3_li{ width: 50%;}
}




.index_news{ background: #fbfbfb; padding-top: 100px;}
.index_news .one .title {
    text-align: center;
}
.index_news .one .title p:first-child {
    font-family: play;
    font-size: 40px;
    text-transform: capitalize;
    padding-bottom: 20px;
}
.z-container{ width: 90%; margin: 0 auto;}
.index_news_list{ padding: 60px 0px;}
.index_news_list li{  float: left; position: relative; z-index: 1; width: 27.4%; border-right:1px solid #dedede; box-sizing: border-box;}
.index_news_list li:last-child{ border-right: none;}
.index_news_list li:before{ content: ""; display: block; width: 0; height: 6px; background: #d8824b; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.index_news_list li:hover:before{ width: 100%;}
.index_news_list li a{ padding: 0 60px; padding-bottom: 80px; display: block; width: 100%; height: 100%;box-sizing: border-box;}
.index_news_list li:first-child,.index_news_list li:nth-child(4){width: 22.6%;}
.index_news_list li:first-child a{ padding-left: 0px;}
.index_news_list li:nth-child(4) a{ padding-right: 0px;}
.index_news_list li h3{ overflow: hidden; font-size: 16px; font-weight: bold;line-height: 24px; height: 48px; margin-bottom: 20px;}
.index_news_list li .desc{ text-align: justify; line-height: 24px; color: #666; height: 96px; margin-bottom: 50px;}

.index_news_list .time .iconfont{ margin-right: 10px;}
.index_news_list .icon-arr_r{ opacity: 0; margin-left: auto;}
.index_news_list li:hover .time{ color: #d8824b;}
.index_news_list li:hover .icon-arr_r{ opacity: 1; color: #d8824b;}
.index_news_list .bar{/* display: flex; */align-items: center;}
.index_news_list li:hover h3{ color: #d8824b;}
.index_hz{ background: #fff; padding-top: 100px; padding-bottom: 60px;}
/*.index_hz img{
	 -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    opacity: .9;
}*/
.index_hz img:hover{
	filter:none;
	opacity: 1;
}
.index_hz .one .title {
    text-align: center;
}
.index_hz .one .title p:first-child {
    font-family: play;
    font-size: 40px;
    text-transform: capitalize;
    padding-bottom: 20px;
}
.index_hz .swiper{
	 padding: 30px 0 0 0;
	 -webkit-animation-name: polygon;
	animation-name: polygon;
	-webkit-animation-duration: 2s;
	animation-duration: 2s
	 }

.footer{ width: 100%; background: #282828;}
.foot_nav{ padding: 25px 0;}
.foot_nav a{ color: #fff; margin-right: 50px; text-transform: uppercase;}
.foot_clear{padding: 30px 0; position: relative; border-bottom:1px solid rgba(100,100,100,.5);border-top:1px solid rgba(100,100,100,.5);}
.foot_addre{color: #fff; line-height: 24px;  float: left;}
.foot_addre ul{ margin-bottom: 25px;}
.foot_addre ul:last-child{ margin-bottom: 0;}
.foot_addre li span{ color: #fff;}
.foot_addre a{color: #fff;}
.foot-left{ float: left;}
.foot_code{ margin-left: auto; float: right; text-align: center; color: #fff; text-align: right;}
.foot_code span{ line-height: 24px;  color: #b8b8b8; text-align:center; display: block;}
.foot_code img{ width: 96px; display: inline-block;}
.foot_code .right{ margin-left: 15px;}
.foot_copy{ padding:15px 0; color: #fff;}
.foot_copy a{ color: #fff; float: left; padding-right: 15px;}
.foot-logo{ margin-bottom: 15px;}
.foot-mid{ text-align: center; color: #fff; float: left; width: 100%; padding-top: 80px; position: absolute;}
.foot_code p{font-family: play; font-size: 30px; padding: 10px 0; margin-bottom: 20px;}
.foot_copy a.jszc{ float: right;}
@media screen and (max-width:980px){
	.index_news{ padding-top: 20px;}
.index_news .index_tit{ margin-bottom: 20px;}
.index_news_list{ padding: 20px;}
.index_news_list li,.index_news_list li:first-child, .index_news_list li:nth-child(4){ width: 100%; border-right: none;}
.index_news_list li a{padding:20px  0;}
.index_news_list li h3{ height: auto; max-height: 48px; margin-bottom: 10px;}
.index_news_list li .desc{ height: auto;  margin-bottom: 10px;}
.index_news_list li{ border-bottom:1px solid #eee;}
.index_hz{ padding: 20px 0;}
.index_hz .index_tit{ margin-bottom: 20px;}
.foot_nav{ padding: 20px 0; display: none; }
.foot_nav a{ margin-right: 10px; line-height: 24px;}
.foot_clear{ padding: 20px 0; display: block;}
.foot_addre{ width: 100%;}
.foot_addre ul{ margin-bottom: 0;}
.foot_code{ width: 100%; margin-top: 10px; text-align: center;}
/*.foot_code span{ display: none;}*/
.foot_code .right{float: left; text-align: center;
    width: 50%;
    margin-left: 0;}
.foot_code img{ float: none; margin: 0 10px;}
.foot_copy{padding: 10px 0; font-size: 12px;}
.foot_copy a{ display: inline-block; float: none;}
.index_story .index_more{ margin-top: 30px;}
}
.left {
    float: left;
}
.right{ float: right;}
/*响应式*/
.container {margin:0 auto; position:relative; width:90%; /*max-width:1240px;*/ /*padding:0 20px;*/ overflow: hidden;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/*header*/
.lh-header{position:fixed; left:0; top:0; right:0; height:86px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); z-index:1000;transition:cubic-bezier(.7,0,.3,1) .65s;}
.fixed .lh-header{transform:translateY(-100%);}
.lh-logo{position:absolute; left:2.6vw; top:15px; z-index:2;}
.lh-nav{text-align:center; line-height:86px; padding-left:15vw;}
.lh-nav li{display:inline-block; margin:0 1.6vw; position: relative;}
.lh-nav li a{font-size:16px; color:#343434; position:relative; display:block;}
.lh-nav li a:after{content:''; display:block; width:100%; height:2px; background:#d8824b; position:absolute; left:0; bottom:21px; transition:ease .65s; transform:scaleX(0);}
.lh-nav li a:hover,.lh-nav li a.active{color:#d8824b;}
.lh-nav li a:hover:after,.lh-nav li a.active:after{transform:scaleX(1);}
.lh-nav li ul {
	padding: 15px 0;
	position:absolute;
	left:-40px;
	top:86px;
	background: #fff;
    width: 140px;
    
	display:none;
}
.lh-nav li ul a{ line-height: 35px; font-size: 15px;}
.lh-nav li ul a:hover{ color: color:#d8824b;}
.lh-nav li ul a:after{ display: none;}
.lh-header-r{position:absolute; right:2.6vw; top:29px;}
.lh-lang{float:left; position:relative;}
.lh-lang-tel{overflow:hidden;}
.lh-lang-tel i{display:block; width:42px; height:42px; border-radius:50%; background:#d8824b; display:flex; align-items:center; justify-content:center; color:#fff; float:left;font-size: 20px;}
.lh-lang-tel .text{float:left; margin-left:10px;}
.lh-lang-tel .text h2{font-size:12px; color:#a8a8a8; margin-top:4px;}
.lh-lang-tel .text h3{font-size:18px; font-weight:bold; color:#666;}
.lh-header-tel{float:right; margin-left:30px; line-height:30px; display:none;}
.lh-header-tel i{float:left; display:block ;width:30px; height:30px; border-radius:50%; background:#d8824b; color:#fff; margin-right:6px; text-align:center;}
.lh-header-tel h2{float:left; color:#d8824b; font-size:16px; font-weight:bold;}
.lh-main{padding-top:86px; background: #F8F8F8;}
.lh-banner{height:calc(100vh - 86px); position:relative; overflow:hidden; background:#000;}
.lh-banner li{position:relative;}
.lh-banner li .img{height:100%; background-size:cover; background-repeat:no-repeat; background-position:center top;} 
.lh-banner li .text{position:absolute; text-align: center; width: 100%; top:0; display:flex; align-items:center; height:100%; top:30%\0;}
.lh-banner li .text .h2{font-size:2vw; color:#343c45; line-height:4vw; position:relative;display: inline-block; }
.lh-banner li .text .ccont{font-size:20px; color:#333; line-height:35px; margin-top:2.2vh;}
.lh-banner li.style1 .h2:before{content:''; display:block; width:100%; height:2px; background:#F9A010; position:absolute; left:0; top:50%; margin-top:-1px;}
.lh-banner li.style1 a{margin-top:9vh;}
.lh-btn{display:block; width:110px; height:42px; border:1px solid #C8C8C8; color:#333333; font-size:12px; line-height:42px; padding:0 0 0 15px; position:relative;}
.lh-btn.orange{border:2px solid #F9A010; color:#F9A010;}
.lh-btn i{display:block; width:60px; height:1px; background:#1D5B9A; position:absolute; right:-40px; top:50%;}
.lh-btn i:before{content:''; display:block; width:15px; height:1px; background:#1D5B9A; position:absolute; right:0; top:0; transform:rotate(45deg); transform-origin:right bottom;}
.lh-btn.orange i,.lh-btn.orange i:before{background:#F9A010;}
.lh-btn span{position:relative; display:block;}
.lh-btn span:before{content:attr(data-text); display:block; color:#fff; position:absolute; left:0; top:0; font-size:12px; width:0; white-space:nowrap; overflow:hidden; z-index:2; transition:cubic-bezier(.7,0,.3,1) .65s;}
.lh-btn:before{content:''; display:block; width:100%; height:100%; background:#C8C8C8; position:absolute; right:0; top:0; z-index:1; transform:scaleX(0); transform-origin:right center; transition:cubic-bezier(.7,0,.3,1) .65s;}
.lh-btn.orange:before{background:#F9A010;}
.lh-btn:hover:before{transform:scaleX(1);}
.lh-btn.white{border-color:#fff; color:#fff;}
.lh-btn.white i,.lh-btn.white i:before{background:#fff;}
.lh-btn.white:before{background:#fff;}
.lh-btn.white span:before{color:#F9A010;}
.lh-btn:hover span:before{width:100%;}
.lh-banner li.style2 .text{right:13.5vw; left:auto; color:#fff;}
.lh-banner li.style2 .text .h2{color:#fff; font-weight:bold; margin:10px 0;}
.lh-banner li.style2 .text .h3{font-size:1.25vw;font-family: "CenturyGothicbold"; line-height:1.56vw;}
.lh-banner li.style1 .text .ccont{font-family: "Century Gothic";}
.lh-banner li.style2 .text .ccont{color:#fff;font-size:1.25vw;line-height:1.56vw; margin-top:0;}
.lh-banner li.style2 .text a{margin-top:6vh;}
.lh-banner li.swiper-slide-active .text>div,.lh-banner li.swiper-slide-duplicate-active .text>div{ width:100%; animation:fadeInUp cubic-bezier(.7,0,.3,1) 1s forwards;}
.lh-down{color:#fff; position:absolute; left:50%; bottom:8vh; font-weight:bold; text-transform:uppercase; z-index:1; transform:translateY(-50%);}
.lh-down:after{content:''; display:block; width:2px; height:3.6vh; background:#fff; position:absolute; left:50%; top:30px; margin-left:-1px;}
.lh-down:before{content:''; display:block; width:4px; height:8px; background:#F9A011; position:absolute; left:50%; top:30px; margin-left:-2px; z-index:1; border-radius:30px; animation:down cubic-bezier(.7,0,.3,1) 1.5s infinite;}
@keyframes down{
	0%,to{transform:translateY(0);}
	50%{transform:translateY(calc(3.6vh - 8px));}	
}
.lh-banner-btn{position:absolute; right:4.9vw; bottom:5vh; z-index:1;}
.lh-banner-a a{display:block; float:left; width:36px; height:36px; text-align:center; line-height:36px; background:#959B9F;border:2px solid #959B9F; color:#fff; margin:0 3px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.lh-banner-a a i{font-size:12px;}
.lh-banner-a a:hover{background:#F9A010; border-color:#F9A010;}
.lh-banner-a a.play{border:2px solid #fff; background:none; }
.lh-banner-a a.play:hover{border-color:#F9A010; color:#F9A010;}
.lh-banner-a a.play i{font-size:16px;}
.lh-banner-b{margin-top:2.5vh; color:#fff;font-family: "Century Gothic"; font-size:16px; text-align:right; position:relative;}
.lh-banner-b span{font-family: "CenturyGothicbold"; font-size:24px;}
.lh-banner-b span:before{content:''; display:block; width:26px; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
.lh-banner-b em{position:relative; margin-left:40px;}
.lh-banner-b em:after{content:''; display:block; width:1px; height:24px; background:#fff; position:absolute; left:-20px; top:50%; margin-top:-14px; transform:rotate(45deg);}
.lh-pro{padding:10vh 10.4vw; background:#F7F7F7; position:relative;}
.lh-public-l h2{font-size:36px; color:#333333;font-family: "CenturyGothicbold"; text-transform:uppercase;}
.lh-public-l h3{font-size:16px; color:#333333; padding-left:20px; position:relative; animation-delay:.1s;}
.lh-pro-item li:nth-child(2),.lh-case-item li:nth-child(2),.lh-abour-r li:nth-child(2),.lh-news-item li:nth-child(2){animation-delay:.1s;}
.lh-pro-item li:nth-child(3),.lh-case-item li:nth-child(3),.lh-abour-r li:nth-child(3),.lh-news-item li:nth-child(3){animation-delay:.2s;}
.lh-pro-item li:nth-child(4),.lh-case-item li:nth-child(4){animation-delay:.3s;}
.lh-pro-item.list li:nth-child(2n),.lh-case-item.list li:nth-child(2n),.lh-news-item.list li:nth-child(2n){animation-delay:.1s;}
.lh-pro-item.list li:nth-child(3n),.lh-case-item.list li:nth-child(3n),.lh-news-item.list li:nth-child(3n){animation-delay:.2s;}
.lh-case-item li:nth-child(5){animation-delay:.4s;}
.lh-public-l h3:before{content:''; display:block; width:8px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}
.lh-public-r{margin-top:12px;}
.lh-public-r ul{float:left; line-height:42px; overflow:hidden;}
.lh-public-r ul li{float:left; margin:0 1vw;}
.lh-public-r>a{float:right;}
.lh-public-r ul li a{position:relative;font-size:16px;}
.lh-public-r ul li a:after{content:''; display:block; width:100%; height:2px; background:#d8824b; position:absolute; left:0; bottom:-8px; transition:cubic-bezier(.7,0,.3,1) .65s; transform:scaleX(0);}
.lh-public-r ul li a:hover{color:#d8824b;}
.lh-public-r ul li a:hover:after{transform:scaleX(1);}
.lh-pro-info{margin-top:5vh;}
.lh-pro-item{margin-left:-4px;}
.lh-pro-item li{width:20%; padding-left:4px;}
.lh-pro-item li .text{ padding: 10px 0; border-bottom: 1px solid #d9d9d9; position: relative;    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.06);}
.lh-pro-item li .text:before{position: absolute; bottom: 0;
    left: 0;
    width: 0;
    content: "";
    display: inline-block;
    height: 1px;
    background-color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: 100;}
.lh-pro-item li:hover .text:before{ width: 100%;}
.lh-pro-item li a{display:block; background:#fff;/* padding:0 2vw 5vh;*/ padding: 0; position:relative;}
.lh-pro-item li .text h2{font-size:16px; text-align: center; font-family: arial; padding-left: 15px; color:#333333; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lh-pro-item li .text h3{color:#666666; font-size:14px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lh-pro-item li .btn{position:absolute; right:1vw; bottom:-20px; width:40px; height:40px; border-radius:50%; background:#d8824b;}
.lh-pro-item li .btn em{display:block; width:40px; height:40px; border-radius:50%; background:#fff; border:5px solid #d8824b; position:absolute; right:0; top:0; z-index:2;}
.lh-pro-item li .btn em:before{content:''; display:block; width:10px; height:2px; background:#d8824b; position:absolute; left:50%; top:50%; margin:-1px 0 0 -5px;}
.lh-pro-item li .btn em:after{content:''; display:block; width:2px; height:10px; background:#d8824b; position:absolute; left:50%; top:50%; margin:-5px 0 0 -1px;}
.lh-pro-item li .btn span{display:block; height:40px; line-height:40px; background:#d8824b; position:absolute; right:21px; top:0;padding:0 calc(1vw + 52px) 0 1vw; border-radius:30px; color:#fff; font-size:12px; white-space:nowrap; transition:cubic-bezier(.7,0,.3,1) .65s; transform:scaleX(0); transform-origin:right center;}
.lh-pro-item li a:hover .btn{overflow:inherit;}
.lh-pro-item li a:hover .btn span{transform:scaleX(1); right:0;}
.fadeInLogo{display:block; width:100%; height:100%; background:#fff url(../img/logo.png) no-repeat center; position:absolute; left:0; top:0; z-index:10; animation:fadeInLogo ease 1s forwards; display:none;}
.fadeIn1{;}
@keyframes fadeInLogo{
	0%,30%{visibility:visible; opacity:1;}
	100%{visibility:hidden; opacity:0}	
}
@keyframes fadeInLogoCont{
	0%{visibility:hidden; opacity:0;}
	100%{visibility:visible; opacity:1;}	
}
.lh-case{background:#fff url(../images/icon1.jpg) no-repeat center center; padding:10vh 10.4vw; position:relative;}
.lh-case-item{margin-top:5vh; margin-left:-12px;}
.lh-case-item li{width:25%; padding-left:12px; margin-top:12px;}
.lh-case-item li a{display:block; position:relative; overflow:hidden;}
.lh-case-item li a img{transition:ease .65s;}
.lh-case-item li a:hover{z-index:1; border-radius:50% 0 50% 0;}
.lh-case-item li a:hover img{transform:scale(1.1,1.2);}
.lh-case-item li .text{position:absolute; left:0; bottom:0; padding:1.8vw; color:#fff; z-index:2;}
.lh-case-item li .text h2{font-size:16px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lh-case-item li .text h3{margin:10px 0;}
.lh-case-item li .text i{font-size:12px;}
.lh-about{position:relative; padding:60px 10.4vw; background:#FBFBFB url(../images/icon2.jpg) no-repeat right center; overflow:hidden;}
.lh-about:before{content:''; display:block; width:100%; height:100%; background:url(../images/icon2.png) no-repeat right center; position:absolute; right:10.4vw; bottom:-60px;z-index:-1;}
.lh-about-l{max-width:800px;}
.lh-about-l .pre{line-height:24px; color:#666666; margin:4vh 0;}
.lh-about-l .pre p{line-height:35px; color:#666666;}
.lh-honor-item{width:115%; margin-left:-10%; margin-bottom:7vh;}
.lh-honor-item li{flex:1; text-align:center;}
.lh-honor-item li h2{font-size:36px; color:#d8824b;font-family: "Century Gothic"; font-weight: bold;}
.lh-abour-r{position:absolute; right:10.4vw; bottom:0;}
.lh-abour-r li a{color:#fff;font-size:16px;padding:1.8vw 3.5vw;background:#1565AF;text-align:center; display:block; position:relative;}
.lh-abour-r li i{font-size:42px;}
.lh-abour-r li h2{margin-top:10px;}
.lh-abour-r li:first-child a{background:#d8824b;}
.lh-abour-r li:last-child a{background:#2A7DCB;}
.lh-abour-r li a:hover{border-radius:50% 0 50% 0;}
.lh-news{position:relative; padding:10vh 10.4vw;}
.lh-news-info{margin-top:5vh; position:relative;}
.lh-news-banner{float:left; width:84%; margin-left:-2.39vw; overflow:hidden;}
.lh-news-item li{width:33.3%; padding-left:2.39vw; float:left;}
.lh-news-item li a{display:block; position:relative;}
/*.lh-news-item li a:hover .text{border-color:#d8824b;}*/
.lh-news-item li .text{padding:3.5vh 1.5vw; border:1px solid #E7E7E7; border-top:none; transition:ease .65s;}
.lh-news-item li .text h2{font-size:14px; color:#666; font-weight: normal; line-height:24px; height:48px; overflow:hidden;}
.lh-news-item li .text h2:first-child{ font-size: 20px; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;}
.lh-news-item li .text h3{color:#666666; margin-top:3vh; font-weight: normal;}
.lh-news-btn{position:absolute; right:0; top:0; background:#F7F7F7; bottom:0; width:16%; text-align:center; padding-top:6vh;}
.lh-news-a{color:#333333; font-size:16px;font-family: "Century Gothic";}
.lh-news-a span{font-size:24px; color:#d8824b;font-family: "CenturyGothicbold";}
.lh-news-a em{position:relative; margin-left:38px;}
.lh-news-a em:before{content:''; display:block; width:1px; height:24px; background:#424242; position:absolute; left:-19px; top:50%; margin-top:-14px; transform:rotate(45deg);}
.lh-news-b{position:absolute; left:0; bottom:7vh; right:0;}
.lh-news-b a{display:block; width:2.7vw; height:2.7vw; border-radius:50%; line-height:2.7vw; text-align:center; border:2px solid #424242; color:#424242; margin:9px auto; display:flex; align-items:center; justify-content:center;}
.lh-news-b a:hover{border-color:#d8824b; background:#d8824b; color:#fff;}
.lh-footer{position:relative; z-index:2;}
.lh-footer-a{padding:0 10.4vw; background:#EEE;}
.lh-footer-b{margin-top:50px;margin-left:4.58vw;}
.lh-footer-b>h2{font-size:18px; font-weight:bold;}
.lh-footer-b>.h3{margin:30px 0 0 0;}
.lh-footer-b>.h3,.lh-footer-b>h4{color:#666666; line-height:24px;}
.lh-footer-c{margin-top:50px;}
.lh-footer-c dl{float:left; margin-left:3.8vw;}
.lh-footer-c dl dt a{font-size:16px;}
.lh-footer-c dl dt a:hover{color:#F9A010;}
.lh-footer-c dl dt{margin-bottom:30px;}
.lh-footer-c dl dd{line-height:24px;}
.lh-footer-c dl dd a{color:#666;}
.lh-footer-c dl dd a:hover{color:#F9A010;}
.lh-footer-d{width:295px; height:435px; background:#d8824b; position:relative;padding:50px 45px 0;}
.lh-footer-d>h2{font-size:24px; color:#fff; margin-bottom:20px;}
.lh-msg-item li{margin-top:4px; position:relative;}
.lh-msg-item li input{width:100%; height:38px; line-height:38px; padding:0 10px; border:none; font-size:14px;}
.lh-msg-item li textarea{width:100%; height:86px; padding:10px; border:none; font-size:14px;}
.lh-msg-item li button{display:block; border: 0; width:98px; height:38px; text-align:center; line-height:38px; background:#F9A010; color:#fff; margin-top:24px;}
.lh-msg-item li button:hover{background:#D8890F;}
.lh-copy{padding:30px 10.4vw 30px; background:#282828; color:#666666;}
.lh-copy h2{float:left;}
.lh-copy h3{float:right;}
.lh-copy a{color:#666;}
.lh-copy a:hover{color:#efefef;}
.lh-nav-btn{display:none; width:24px; height:20px; position:absolute; right:0; top:9px;}
.lh-nav-btn:before{content:''; display:block ;width:100%; height:2px; background:#333; position:absolute; left:0; top:0; transition:ease .65s;}
.lh-nav-btn:after{content:''; display:block ;width:100%; height:2px; background:#333; position:absolute; left:0; bottom:0; transition:ease .65s;}
.lh-nav-btn i{display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px; transition:ease .65s;}
.lh-ban{height:630px; position:relative;}
.lh-ban .img{height:100%; background-size:cover; background-repeat:no-repeat; background-position:center top;}
.lh-ban .text{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;font-size:16px; color:#fff;}
.lh-ban .text h2{font-size:40px;  font-family:bem; font-weight:normal;}
.lh-ban .text h3{ margin:26px 0;font-size: 16px; font-weight:normal;}
.lh-ban .text h4{padding:0 1vw; position:relative;font-size: 16px; letter-spacing:2px; font-weight:normal;}
.lh-honor-ul li:nth-child(2n){animation-delay:.1s;}
.lh-honor-ul li:nth-child(3n){animation-delay:.2s;}
.lh-honor-ul li:nth-child(4n){animation-delay:.3s;}
.lh-ban .text h4:before{content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; top:-12px;}
.lh-other-navbox{height:53px; background:#d8824b; text-align:center; overflow:hidden; margin-top:5px;}
/*.lh-other-nav{text-align:center;}*/
.lh-other-nav li{ line-height:53px;}
.lh-other-nav li a{margin:0 1.2vw;  position: relative;    border-bottom: 1px solid #d9d9d9; line-height:53px; display:block; font-size:16px; color:#333; position:relative;}
.lh-other-nav li:last-child a{ border: 0;}
.lh-other-nav li a:before{
	position: absolute; bottom: 0;
    left: 0;
    width: 0;
    content: "";
    display: inline-block;
    height: 1px;
    background-color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: 100;
}
.lh-other-nav li:hover a:before{
	width: 100%;
}

.lh-other-nav.two .on a{ color: #d8824b;  background: #fff;}
.lh-other-nav li:hover{ background: #fff; color: #d8824b;}
.lh-other-nav.two li:hover a{color: #d8824b;}

.lh-other{padding:4vh 0 6vh; /*background:#f7f7f7;*/}
.lh-pro-a{background:#fff;}
.lh-pro-a li{ float:left; height:53px; line-height:53px;}
.lh-pro-a li a{color:#333333;padding:0 1.4vw; display:block;}


.lh-pro-item.list{margin:3vh 0 0 -1.8vw;}
.lh-pro-item.list li{padding-left:1.8vw; width:33.33%; margin-top:2vh; margin-bottom: 2vh; }
.lh-loading{display:block; width:170px; height:54px; line-height:54px; text-align:center; background:#fff; color:#333333; font-size:16px; margin:9vh auto 0;}
.lh-cusbom{padding:4vh 0; background:#2B477F; color:#fff; line-height:36px;}
.lh-cusbom a{color:#fff;}
.lh-cusbom span{margin:0 6px;}
.lh-cusbom .right{font-size:36px;font-family: "Folio Bold Condensed BT"; text-transform:uppercase; line-height:36px;}
.lh-proDetails-a{background:#fff; padding: 5vh; margin-top: 5vh;}
.lh-proDetails-banner{width:570px;}
.lh-proDetails-b{position:relative; border:1px solid #EFEFEF; display:flex; align-items:center; justify-content:center;  overflow:hidden;}
/*.lh-proDetails-b img{max-width:100%; max-height:100%; width:auto;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.lh-proDetails-b img:hover{
	transform: scale(1.1);
}*/
.lh-proDetails-btn a{display:block; width:42px; height:42px; line-height:42px; text-align:center; border-radius:50%; background:#B8B8B8; color:#fff; position:absolute; top:50%; margin-top:-21px; display:flex; align-items:center; justify-content:center;}
.lh-proDetails-btn a:hover{background:#2B477F;}
.lh-proDetails-btn a.prev{left:0;}
.lh-proDetails-btn a.next{right:0;}
.lh-proDetails-c{width:100%; margin-left:-6px; margin-top:5px;}
.lh-proDetails-c li{margin-left:6px; border:1px solid #EFEFEF; width:88px !important; height:88px; cursor:pointer; transition:ease .65s;}
.lh-proDetails-c li.on{border-color:#d8824b;}
.lh-proDetails-text{max-width:580px; margin-left: 50px;}
.lh-proDetails-text>h2{font-size:16px; color:#333333; margin:20px 0 5px;}
.lh-proDetails-text>h1{font-size:26px; color:#333333; padding: 15px 0; border-bottom: 2px solid #d8824b; max-width: 400px;}
.lh-proDetails-text>.ccont{margin:20px 0; position:relative; font-family: arial;}
.lh-proDetails-text>.ccont>h3{font-size:16px; color:#000000;}
.lh-proDetails-text>.ccont>pre{line-height:24px; color:#888888; margin-top:10px;}
.lh-proDetails-text>.btn a{display:block; float:left; width:139px; height:48px; line-height:44px; text-align:center; border-radius:30px; background:#d8824b; color:#fff; font-size:16px; margin-right:19px;}
.lh-proDetails-text>.btn a:first-child{background:#F9A010;}
.lh-proDetails-text>.btn a i{font-size:20px; margin-right:10px;}
.lh-proDetails-text>.btn a:last-child i{margin:0 0 0 10px; font-size:18px;}
.lh-proDetails-text>.btn a:first-child:hover{background:#CB810F;}
.lh-proDetails-text>.btn a:last-child:hover{background:#03396F;}
.lh-proDetails-d{background:#fff; margin-top:20px;overflow:hidden;}
.lh-proDetails-hd{height:70px; line-height:70px; background:#d8824b;}
.lh-proDetails-hd li{color:#fff; float:left; width:234px; font-size:18px; text-align:center; cursor:pointer; transition:ease .35s; border-radius:0; height:70px; margin:0 !important; opacity:1; padding:0; background:none;}
.lh-proDetails-hd li.swiper-pagination-bullet-active{background:#F9A010;}
.lh-proDetails-hd li:hover{background:#F9A010;}
.lh-proDetails-bd>div{padding:65px 79px; color:#666666; line-height:30px; font-size:16px;}
.lh-proDetails-bd>div img{display:inline-block; max-width:100%; width:auto; height:auto !important;}
.lh-other-pro{margin:8vh 0;}
.lh-other-pro .lh-public-l h4{font-size:30px; color:#333333; margin-top:10px;}
/*.lh-other-nav.two{background:#d8824b; padding-left: 5%; overflow-x: scroll; height: 50px;    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;}*/
.lh-other-nav .con{
	/*width: 300%;
    height: 100%;
    display: flex;
    display: -webkit-flex;*/
    /*align-items: center;
    -webkit-align-items: center;*/
}   
.lh-other-nav::-webkit-scrollbar {
	display: none;
}   
/*.lh-other-nav.two li a{color:#fff;}
.lh-other-nav.two li a.on,.lh-other-nav.two li a:hover{color:#fff; background:none;}
.lh-other-nav.two li a.on:after,.lh-other-nav.two li a:hover:after{display:none;}*/
.lh-case-item.list{margin-top:0;}
.lh-case-item.list li{width:25%;}
.lh-about-a{padding-bottom:11vh;background:url(../images/icon3.jpg) no-repeat center bottom;}
.lh-about-a>div>h2{text-align:center; font-size:36px;}
.lh-about-a>div>h3{text-align:center; font-size:36px; position:relative; margin:10px 0 8vh; font-weight: normal;}
.lh-about-a>div>h3:after{content:''; display:block; width:16px; height:5px; background:#d8824b; position:absolute; left:50%; bottom:-4vh; margin-left:-8px;}
.lh-about-a .cont{line-height:30px; color:#666666; }
.lh-about-a .cont img{max-width:100%; width:auto; height:auto !important; margin: 0 auto;}
.lh-about-b{padding:9vh 0; background-position:center top; background-repeat:no-repeat; background: url(../images/culture.jpg) no-repeat;}
.lh-about-b>div>h2{text-align: center; font-size: 36px; position: relative;  margin:0px 0 8vh; font-weight: normal;}
.lh-about-b>div>h2:after{content:'';display:block; width:16px; height:5px; background:#d8824b; position:absolute; left:50%; bottom:-4vh; margin-left:-8px;}
.lh-about-culture li{overflow:hidden; background:#fff; position:relative;}
.lh-about-culture li .img{float:left; width:50%;}
.lh-about-culture li .text{width:50%; height:100%; display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:0; text-align:center;}
.lh-about-culture li .text h2{font-size:24px;font-family: "CenturyGothicbold"; text-transform:uppercase;}
.lh-about-culture li .text h3{font-size:24px; position:relative; margin:5px 0 5vh;}
.lh-about-culture li .text h3:after{content:''; display:block; width:16px; height:2px;  background:#d8824b; position:absolute; left:50%; margin-left:-8px; bottom:-2.5vh;}
.lh-about-culture li .text pre{line-height:24px; color:#666666;}
.lh-about-culture li:last-child .img{float:right;}
.lh-about-culture li:last-child .text{left:0;}
.lh-about-c .container{ width: 100%;}
.lh-about-c{padding:8vh 0; /*background:url(../images/honor.jpg) no-repeat center bottom;*//* background: #F8F8F8;*/}
.lh-about-c img:hover{transform: scale(1.01);}

.lh-about-c h2{ text-align: center; font-weight: normal; line-height: 40px; font-size: 14px;}
.lh-about-c>div>h2{font-size:36px; text-align:center; font-weight: normal;}
.lh-about-c>div>h3{text-align:center; font-weight: normal; position:relative; font-size:16px; color:#929292; margin:15px 0 9vh;}
.lh-about-c>div>h3:after{content:'';display:block; width:16px; height:5px; background:#d8824b; position:absolute; left:50%; bottom:-4vh; margin-left:-8px;}
.lh-about-c .swiper-container{ padding: 6vh 0;}
.lh-about-honor{background:#fff; padding-bottom: 40px;}
.lh-honor-ul{margin-left:-42px;}
.lh-honor-ul li{width:25%; float:left; margin:42px 0 0 0; padding-left:42px; text-align:center;}
.lh-honor-ul li h2{color:#666666; margin-top:20px;}
.lh-about-honor ul{padding:0 42px;}
.lh-about-honor>a{text-align:center; height:70px; line-height:70px; background:#d8824b; color:#fff; font-size:12px; display:block; margin-top:50px;}
.lh-about-honor>a:hover{background:#0058B4;}
.lh-about-honor>a i{display:inline-block; width:60px; height:1px; background:#fff; position:relative; margin-left:20px; top:-3px;}
.lh-about-honor>a i:after{content:''; display:block; width:15px; height:1px; background:#fff; position:absolute; right:0; top:0; transform:rotate(45deg); transform-origin:right bottom;}
.lh-technical-item li{background:#fff; overflow:hidden; margin-bottom:40px; position:relative;}
.lh-technical-item li .img{float:left; width:50%; transition:ease .65s; position:relative;}
.lh-technical-item li .text{position:absolute; right:0; top:0; display:flex; align-items:center; justify-content:center; width:50%; padding:0 50px; height:100%; transition:ease .65s;}
.lh-technical-item li .text h2{font-size:24px;}
.lh-technical-item li .text pre{line-height:24px; color:#666666; margin:4vh 0 7vh;}
.lh-technical-item li:nth-child(2n) .img{float:right;}
.lh-technical-item li:nth-child(2n) .text{left:0;}
.lh-technical-item li a{display:block;position:relative; width:100%; height:100%; overflow:hidden;}
.lh-technical-item li a:before{content:''; display:block; width:0; height:0; border-left:1px solid #F9A010; border-top:1px solid #F9A010; position:absolute; left:0; top:0; z-index:2; transition:ease .65s; visibility:hidden;}
.lh-technical-item li a:after{content:''; display:block; width:0; height:0; border-right:1px solid #F9A010; border-bottom:1px solid #F9A010; position:absolute; right:0; bottom:0; z-index:2; transition:ease .65s; visibility:hidden;}
.lh-technical-item li a:hover:before,.lh-technical-item li a:hover:after{width:100%; height:100%; visibility:visible;}
.lh-join-a>div>h2{font-size:36px; text-align:center; position:relative; margin-bottom:7vh;}
.lh-join-a>div>h2:after{content:'';display:block; width:16px; height:5px; background:#d8824b; position:absolute; left:50%; bottom:-3.5vh; margin-left:-8px;}
.lh-join-a .cont{text-align:center; line-height:24px; color:#666;}
.lh-join-b{height:77vh; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#fff; top:10vh;}
.lh-join-b .container{position:absolute; left:50%; margin-left:-620px; height:100%; display:flex; align-items:center; justify-content:flex-start;}
.lh-join-b .text h2{font-size:30px; font-weight:bold;}
.lh-join-b .text pre{font-size:24px; line-height:36px; margin:40px 0;}
.lh-join-b .text a{display:block; width:148px; height:44px; line-height:44px; text-align:center; color:#fff; background:#d8824b; display:flex; align-items:center; justify-content:center;}
.lh-join-b .text a i{margin-right:10px;}
.lh-join-b .text a:hover{background:#005AB7;}
.lh-join-h{background:#fff; height:80px; line-height:80px; cursor:pointer; transition:ease .35s;}
.lh-join-h:hover,.lh-join-item li.on .lh-join-h{background:#d8824b; color:#fff;}
.lh-join-h span{flex:1; font-size:16px; padding-left:50px;}
.lh-join-h span:last-child{flex:.6;}
.lh-join-h span i{display:inline-block; width:30px;  height:30px; border-radius:50%; background:#A0A0A0; position:relative; margin-top:22px; float:right; margin-right:20%;transition:ease .35s;}
.lh-join-h span i:before{content:''; display:block; width:10px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -5px; transition:ease .35s; z-index:2;}
.lh-join-h span i:after{content:''; display:block; width:2px; height:10px; background:#fff; position:absolute; left:50%; top:50%; margin:-5px 0 0 -1px;transition:ease .35s;}
.lh-join-info{background:#ECECEC; padding:50px; color:#7f7f7f; line-height:30px; display:none;}
.lh-join-item li{border-bottom:1px solid #F7F7F7;}
.lh-join-mob{margin-bottom:4vh;}
.lh-join-info>a{width:120px; height:46px; line-height:46px; text-align:center; border-radius:3px; background:#d8824b; color:#fff; font-size:16px; display:block;}
.lh-join-info>a:hover{background:#003B76;}
.lh-join-item li.on span i{background:#fff;}
.lh-join-item li.on span i:after{transform:scaleY(0);background:#d8824b;}
.lh-join-item li.on span i:before{background:#d8824b;}
.lh-layer{width:558px; height:274px; background:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%) scale(.8); opacity:0; visibility:hidden; z-index:3000; box-shadow:0 0 20px rgba(0,0,0,.1); padding:25px; transition:ease .65s;}
.Layer .lh-layer{transform:translate(-50%,-50%) scale(1); opacity:1; visibility:visible;}
.lh-layer>.lh-layer-close{width:23px; height:23px; border:1px solid #CCC; background:#F3F3F3; color:#333; text-align:center; line-height:23px; position:absolute; right:10px; top:10px;}
.lh-layer>.lh-layer-close i{font-size:14px;}
.lh-layer>.lh-layer-close:hover{background:#d8824b; border-color:#d8824b; color:#fff;}
.lh-layer>h2{text-align:center; font-size:24px;}
.lh-layer-cont{margin-top:15px; padding-top:24px; text-align:center; border-top:1px solid #CCC;}
.lh-layer-file{width:102px; height:33px; line-height:33px; border-radius:3px; background:#d8824b; color:#fff; text-align:center; position:relative; margin:auto;}
.lh-layer-file input{width:102px; height:33px; position:absolute; left:0; top:0; cursor:pointer; opacity:0;}
.lh-layer-cont .tips{color:#7f7f7f; margin-top:10px;}
.lh-layer-btn{margin-top:35px; text-align:center;}
.lh-layer-btn a{display:inline-block; width:102px; height:33px; line-height:33px; text-align:center; color:#fff; border-radius:3px; margin:0 3px; background:#C6C6C6;}
.lh-layer-btn a:hover{background:#959595;}
.lh-layer-btn a:last-child{background:#929292;}
.lh-layer-btn a:last-child:hover{background:#EF9910;}
.lh-shadow{width:100%; height:100%; position:fixed; left:0; top:0; z-index:2999; animation:shadow linear .65s; background:rgba(0,0,0,.7);}
@keyframes shadow{
	0%{opacity:0;}
	100%{opacity:1;}	
}
.lh-message{padding:100px 0; background-size:cover; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;}
.lh-message .container{background:#fff; border-top:10px solid #d8824b; padding:95px 100px 180px;}
.lh-message-l h2{font-size:16px; color:#000;}
.lh-message-l h3{font-size:30px; font-weight:bold; color:#272727; line-height:28px; text-transform:uppercase; position:relative; margin:5px 0 70px;}
.lh-message-l h3:after{content:''; display:block; width:18px; height:4px; background:#F9A010; position:absolute; left:0; bottom:-36px;}
.lh-message-l h4,.lh-message-l h5{color:#878787; line-height:24px;}
.lh-message-l pre{color:#878787; line-height:24px; font-family: arial;}
.lh-message-l h5{margin-top:28px;}
.lh-message-l h6{font-size:24px; font-weight:bold; color:#272727;}
.lh-message-r{width:506px;}
.lh-message-input li h2{color:#272727; margin:20px 0 25px;}
.lh-message-input li input{border:none;border:1px solid #EAEAEA; margin-bottom: 15px; text-indent: 12px; background:none; height:36px; line-height:36px; font-size:12px; width:100%; transition:ease .65s;}
.lh-message-input li textarea{width:100%; height:100px; font-family: "微软雅黑"; text-indent: 12px;border:1px solid #EAEAEA; padding:10px 10px 10px 0;  fotn-size:12px;transition:ease .65s;}
.lh-message-input li input:focus{border-color:#272727;}
.lh-message-input li textarea:focus{background:#F2F2F2;}
.lh-message-input li:first-child h2{margin:0 0 25px;}
.lh-message-r button{display:block; border: 0; width:100%; height:40px; line-height:40px; text-align:center; background:#d8824b; color:#fff; font-size:14px; margin-top:20px;}
.lh-message-r button:hover{background:#00366C;}
.lh-other.contact{ padding-top:3vh;}
.lh-map{height:555px; width:100%; margin-top: 6vh;}
.lh-contact-a{background:#fff; padding:5vh;}
.lh-contact-b{border-bottom:1px solid #E5E5E5; padding-bottom:25px;}
.lh-contact-b h1{font-size:24px; line-height:30px; margin-top:12px;}
.lh-contact-b h2{color:#878787; font-size:15px; line-height:24px;}
.lh-contact-b h3{color:#d8824b; font-weight:bold; font-size:24px;}
.lh-contact-c{margin-top:5vh; line-height:30px; font-size:16px; color:#383838;}
.lh-news-item.list{margin-left:-36px;}
.lh-news-item.list li{width:33.33%; padding-left:36px; margin:5vh 0 0 0; }
.lh-news-item.list li a{position: relative;    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.06);}
.lh-news-item.list li a:before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: ease 1s;
}
.lh-news-item.list li a:hover:before{ width: 100%;}
.lh-news-item.list li a{background:#fff;}
.lh-news-item.list li:hover h2:first-child{ color: #d8824b;}
.lh-details{background:#fff; padding:55px;}
.lh-details>h1{font-size:24px;}
.lh-details>h2{margin:2vh 0; color:#898989;}
.lh-details>h2 i{margin-right:10px; position:relative; top:3px; font-size:20px;}
.lh-details-cont{padding:5vh 0; border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; color:#666666; line-height:30px;}
.lh-details-cont img{display:inline-block; width:auto; max-width:100%; height:auto !important;}
.lh-details-page{margin-top:35px; text-align:center;}
.lh-details-page a{display:inline-block; width:123px; height:50px; line-height:50px; text-align:center;}
.lh-details-page a:hover{ color:#E99510;}
.lh-details-page a:first-child{float:left;}
.lh-details-page a:last-child{float:right;}
.lh-details-page a:first-child,.lh-details-page a:last-child{border:1px solid #C9C9C9;}
.lh-details-page a:first-child:hover,.lh-details-page a:last-child:hover{border-color:#E99510;}
.lh-case-item li a .img{position:relative;}
.lh-case-item li a .img:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.3); z-index:1;}
.lh-index-more{margin-top:70px;}
.lh-index-more a{float:right;}
.lh-map-box{/* background:#fff; border-top:1px solid #F7F7F7;*/}
.lh-link{padding:30px 10.4vw 0;background: #282828;color:#666666; line-height:24px;}
.lh-link>a{color:#666666; float:left; margin-left:10px;}
.lh-link>span{float:left;}
.lh-link>a:hover{color:#fff;}



.sidebox { position: fixed; right: 10px; bottom: 200px; z-index: 9; }
.sidebox li { position: relative; cursor: pointer; margin-bottom:2px; }
.sidebox a { display: block; width: 50px; height: 50px; margin-top: -1px; background-color: #3a435c;  text-align: center; line-height: 48px; color: #fff; position: relative; z-index: 2; background: #3d3d3d; display:flex;justify-content: center;align-items: center;}
.sidebox a:hover { background-color: #555; color: #fff; border-color: #555; }
.sidebox .iconfont { font-size: 20px; }
.sidebox .cont { transition: all .4s; white-space: nowrap; width: 0; overflow: hidden; height: 50px; line-height: 50px; text-align: center; background-color: #1c8bd5; color: #fff; font-size: 14px; position: absolute; right: 100%; top: 0; }
.sidebox li img{ vertical-align: middle;display:block;margin:auto;width:auto;}
.sidebox li:hover .cont { width: 100px; }
.sidebox li:hover a{background-color: #1c8bd5;}
.sidebox li em{display: inline-block; width: 100%; height: 100%;}
.sidebox .code .cont{ height: auto; line-height: normal;}
.sidebox .code .cont img{ width: 80px; height: 80px;}
.sidebox li.code:hover .cont{ width: 80px;padding: 5px;}
.lh-flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.page{
    clear:both;
    margin: 50px 0px 10px 0px;
    text-align: center;
 }
.page li{ display: inline-block;}
.page .active a{ background-color: #d8824b; color: #fff;}
.page a{
    display: inline-block; 
    font-family: Arial; 
    font-size: 13px; 
    border: #dbdbdb 1px solid; 
    padding:4px 9px; 
    margin: 2px; 
    margin-bottom: 5px; 
    color: #31363c; 
    text-decoration: none
}
.page a:hover,.page a:focus{
    font-family: Arial;
    font-size: 13px;
    border: #d8824b 1px solid;
    padding:4px 9px;color: #fff;
    background-color: #d8824b;
}
.page .current{
    font-family: Arial;
    border: #d8824b 1px solid; 
    font-size: 13px; 
    padding:5px 9px; 
    color: #fff;
    margin: 2px;  
    background-color: #d8824b
}
.neirong{ padding: 20px; margin-top: 5vh;}
.lh-about-honor-p40{ padding: 40px; background: #fff;}
.lh-about-honor-p40 h1{ text-align: center; font-size: 24px; line-height: 60px;}
.lh-about-honor-p40 img{ width: auto; margin: 0 auto;}
.lh-about-honor-p40 h2{ border-bottom: 1px solid #ddd; margin-top: 40px; margin-bottom: 30px;}
.lh-about-honor-p40 h2 span{ color: #fff; display: block;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    background: #d8824b;

    text-align: center;
        padding: 10px 30px;}
.prev-next{ margin-top: 40px;}
.prev-next a:hover{ color: #d8824b;}
.right_contents_h1{ text-align: center; font-size: 22px; line-height: 60px;}
.neirong img{ width: auto; margin: 0 auto;}
@media screen and (max-width: 1800px){
	.lh-footer-c dl{margin-left:2.8vw;}
}
@media screen and (max-width: 1600px){
	.lh-nav li{margin:0 1vw;}
	.lh-footer-c{margin-left:0;}
}
@media screen and (max-width: 1500px){
	.lh-footer-a{padding:0 5vw;}
}
@media screen and (max-width: 1440px){
	.lh-footer-a{padding:0 20px 0;}
	
}
@media screen and (max-width: 1366px){
	
}
@media screen and (max-width: 1300px){
	
}
@media screen and (max-width: 1280px){
	.lh-logo{left:10px;}
	.lh-header-r{right:10px;}
}
@media screen and (max-width: 1200px){
	
}
@media screen and (max-width: 1024px){
	.lh-footer-c{display:none;}
	.lh-nav{position:fixed; left:0; top:0; width:100%; height:100vh; background:#fff; padding-top:86px; transform:translateY(-100%); visibility:hidden; transition:ease .65s;}
	.lh-nav li{display:block; line-height:50px; margin:0;}
	.lh-header-tel{position:fixed; left:50%; top:90vh; margin:0; visibility:hidden; opacity:0;transform:translate(-50%,100%); transition:ease .65s;}
	.lh-nav-btn{display:block;}
	.lh-lang{margin-right:40px;}
	.lh-header{height:50px;}
	.lh-logo{width:204px; top:12px;}
	.lh-header-r{top:8px;}
	.Nav .lh-nav{ transform:translateY(0); visibility:visible;}
	.Nav .lh-header-tel{visibility:visible; opacity:1;transform:translate(-50%,0);}
	.lh-nav li a:after{display:none;}
	.lh-nav-btn.on:before{transform:translate(0,9px) rotate(45deg);}
	.lh-nav-btn.on:after{transform:translate(0,-9px) rotate(-45deg);}
	.lh-nav-btn.on i{transform:scaleX(0);}
	.lh-main{padding-top:50px;}
	.fixed .lh-header{transform:translateY(0);}
	.lh-message .container{padding:50px;}
	.lh-footer-c{display:none;}
}
@media screen and (max-width: 980px){
	.sidebox{ display: none;}
	.lh-banner{height:240px;}
	.lh-banner-btn{display:none;}
	.lh-banner li .text .ccont{display:none;}
	.lh-down{display:none;}
	.lh-banner li .text .h2{font-size:18px; line-height:32px;}
	.lh-banner li.style2 .text .h3{display:none;}
	.lh-btn{width:95px; height:35px; line-height:35px;}
	.lh-btn i{width:40px; right:-30px;}
	.lh-banner li.style1 a{margin-top:4vh;}
	.lh-banner li.style2 .text{right:30px;}
	.lh-public-l h2{font-size:24px;}
	.lh-public-r ul{display:none;}
	.lh-pro-item li{width:50%; margin-bottom:32px;}
	.lh-pro{padding:10vh 10px;}
	.lh-pro-item li .text h2{font-size:16px; height:18px; line-height:18px;}
	.lh-public-r>a{margin-right:25px;}
	.lh-pro-item li .btn{width:45px; height:45px;}
	.lh-pro-item li .btn em{width:45px; height:45px;}
	.lh-case,.lh-news{padding:10vh 10px;}
	.lh-case-item {margin-left:-10px;}
	.lh-case-item li{width:50%; padding-left:10px; margin-top:10px;}
	.lh-honor-item{width:107%; margin-left:-6%;}
	.lh-about{padding:10vh 10px 0;z-index:1;}
	.lh-abour-r{position:static; width:100%; margin-top:6vh;}
	.lh-abour-r li{flex:1;}
	.lh-abour-r li i{font-size:32px;}
	.lh-abour-r li a{padding:20px 0; font-size:12px;}
	.lh-news-b a{width:30px; height:30px; line-height:30px;}
	.lh-pro-item li .btn span{height:45px; line-height:45px;padding: 0 65px 0 20px;}
	.lh-news-a em:before{left:-3px; margin-top:-21px;}
	.lh-news-a{position:relative; left:-8px;}
	.lh-news-btn{ padding-top: 0;}
	.lh-about-honor-p40{ padding: 15px;}
	.lh-footer-a{padding:30px 0 0;}
	.lh-footer{margin-top:0;}
	.lh-footer-d{width:100%; height:auto; margin:0; padding:30px 10px;}
	.lh-footer-d>h2{font-size:18px; font-weight:bold;}
	.lh-footer-b{float:none; width:100%; padding:0 10px 30px; margin-top:0;}
	.lh-footer-b>.h3{margin:20px 0;}
	.lh-copy{padding:20px 10px;}
	.lh-copy h2{float:none; text-align:center;}
	.lh-copy h3{float:none; text-align:center;}
	.lh-ban{height:165px;}
	.lh-other-navbox{height:50px;}
	.lh-other-nav li{line-height:50px;}
	.lh-other-nav li a{font-size:14px; padding:0 15px;}
	.lh-pro-a li{width:33.3%; text-align:center;}
	.lh-pro-a li a{padding:0 12px; font-size:12px;}
	/*.container{padding:0 10px;}*/
	.lh-pro-item.list li{width:50%; margin-top: 0;}
	.lh-loading{width:120px; height:45px; line-height:45px; font-size:12px; margin:5vh auto 0;}
	.lh-other{padding:3vh 0;}
	.lh-cusbom .right{display:none;}
	.lh-cusbom{padding:20px 10px; line-height:20px;}
	.lh-proDetails-banner{width:100%; position:relative;}
	.lh-proDetails-b{height:auto; border:none; position:static;}
	.return a{ margin-bottom: 20px; margin-right: 20px;}
	/*.lh-proDetails-b .img{display:none;}*/
	.lh-proDetails-c{margin:0; overflow:hidden;}
	.lh-proDetails-c li{width:100% !important; height:auto; margin:0; border:none;}
	.lh-proDetails-a{padding:0;}
	.lh-proDetails-btn a{z-index:2;}
	.lh-proDetails-text{border-top:10px solid #F7F7F7; padding:30px 10px;  margin-left: 0;}
	.lh-proDetails-text>h2{margin-top:0;}
	.lh-proDetails-text>h1{font-size:18px;}
	.lh-proDetails-text>h2{font-size:14px;}
	.lh-proDetails-text>.ccont{margin:30px 0;}
	.lh-proDetails-d{margin-top:10px;}
	.lh-proDetails-hd{display:flex; flex-direction:row; height:50px; line-height:50px;}
	.lh-proDetails-hd li{width:auto; font-size:12px; flex:1; text-align:center;height:50px;}
	.lh-proDetails-bd>div{padding:20px 10px; font-size:14px; line-height:24px;}
	.lh-other-pro{margin:30px 0 0;}
	.lh-other-pro .lh-public-l h4{font-size:20px; font-weight:bold; margin-top:12px;}
	.lh-about-a>div>h2,.lh-about-a>div>h3,.lh-about-b>div>h2{font-size:24px;}
	.lh-about-culture li .img{width:100%; float:none !important;}
	.lh-about-culture li .text{display:block; position:static; width:100%; padding:20px 10px;}
	.lh-about-culture li .text h3{font-size:20px;}
	.lh-about-c>div>h2{font-size:24px;}
	.lh-about-c{padding:0;}
	.lh-honor-ul{margin-left:-10px;}
	.lh-about-honor ul{padding:0 10px;}
	.lh-honor-ul li{width:50%; padding-left:10px; margin-top:20px;}
	.lh-honor-ul li h2{margin-top:10px;}
	.lh-about-honor>a{height:50px; line-height:50px; margin-top:30px;}
	.lh-about-honor>a i{display:none;}
	.lh-technical-item li{margin-bottom:10px;}
	.lh-technical-item li .img{float:none !important; width:100%;}
	.lh-technical-item li .text{width:100%; display:block; position:static; padding:20px 10px;}
	.lh-technical-item li .text h2{font-size:16px; font-weight:bold;}	
	.lh-join-a>div>h2{font-size:24px;}
	.lh-join-b{height:238px;}
	.lh-join-b .container{margin:0; left:0;}
	.lh-join-b .text h2{font-size:16px;}
	.lh-join-b .text pre{font-size:14px; line-height:24px; margin:10px 0;}
	.lh-join-b .text a{width:120px; height:40px; line-height:40px;}
	.lh-join-b .text a i{margin-right:5px;}
	.lh-join-h{height:50px; line-height:50px;}
	.lh-join-h span{padding-left:10px; font-size:12px;}
	.lh-join-h span i{margin-top:10px;}
	.lh-join-info{padding:20px 10px;}
	.lh-join-info>a{font-size:12px; width:100px; height:40px; line-height:40px;}
	.lh-shadow{cursor:pointer;}
	.lh-layer{width:90vw; height:auto;}
	.lh-layer>h2{font-size:16px; font-weight:bold;}
	.lh-message{padding:0; background-attachment:inherit;}
	.lh-message-l,.lh-message-r{width:100%; float:none;}
	.lh-message .container{padding:20px 10px;}
	.lh-message-r{margin-top:40px;}
	.lh-map{height:220px;}
	.lh-contact-b h1{float:none; text-align:center; font-size:18px; font-weight:bold;}
	.lh-contact-b .right{float:none; text-align:center; margin-top:5px;}
	.lh-contact-c>ul{float:none;}
	.lh-news-item.list{margin-left:-10px;}
	.lh-news-item.list li{width:100%; padding-left:10px; margin-top:10px;}
	.lh-details{padding:30px 10px;}
	.lh-details>h1{font-size:16px; font-weight:bold;}
	.lh-details-page a{width:100px; height:40px; line-height:40px;}
	.lh-details-page a:nth-child(2){width:auto;}
	.lh-case-item.list li{width:50%;}
	.lh-lang{ display: none;}
	.lh-about-honor-p40 img{width: 100%;}
	.neirong img{ width: 100%;}
	.right_contents_h1{ font-size: 16px; line-height: 30px; padding-top: 30px;}
	}
	

@media screen and (max-width: 414px){
}
@media screen and (max-width: 320px){	
}
.miaoshu{
	text-align: center; color: #666; line-height: 30px; margin-bottom: 30px; font-weight: normal;
}
@media screen and (max-width: 1000px)
{
	.pro .one .title p:first-child{ font-size: 24px;}
	.index_news .one .title p:first-child{font-size: 24px;}
	.index_hz .one .title p:first-child{font-size: 24px;}
}
.ht_about{ padding: 9vh 0;  z-index: 1; position: relative; background: url(../images/bg10.jpg) no-repeat center; background-size: cover; }
./*ht_about:before{ content: ""; overflow: hidden; display: block; width:  50%; height: 100%;background: url(../images/bg6.jpg) no-repeat center; background-size: cover; position: absolute; right: 0;top: 0;}*/
/*.ht_about:after{ content: ""; overflow: hidden; display: block; width: 43.3%; height: 100%;background: url(../img/bg11.jpg) no-repeat center; background-size: cover; position: absolute; left: 0;top: 0;}
*/
.ht_about .fldesc{ color: #747474; line-height: 24px; margin-top: 30px; }
.ht_about .ht_fl{ width:55%; float: left; text-align: justify;}
.ht_about .ht_fl p{font-size: 16px;
    line-height: 35px;}
.ht_about .ht_fr{ width: 40%; float: right; margin-left: auto; /*margin-bottom:40px;*/ }
.ht_about .z-container{display: flex; align-items: flex-end; width: 100%;}
.ht_about .index_tit h4{ padding-bottom: 30px;}
.about_num li {
    display: inline-block;
    z-index: 1;
    padding: 0 3.5vw;
    text-align: center;
    position: relative;
}
.about_num li .timer {
    font-size: 48px;
    font-weight: bold;
    font-family: "play";
    text-align: center;
    color: #fff;
}

.about_num h4{ color: #fff;}
.about_num h3{ color: #fff;}
.index_tit h4 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding: 15px 0;
    border-top: 1px solid #999;
    width: 220px;
}
.index_tit h3, .index_tit .h3 { padding: 10px 0; margin-bottom: 15px;
    font-size: 36px;
   font-family:"lhandw";
    color: #bbbbbb;
    text-transform: uppercase;
}
.index_tit h4{font-family:arial;}
.ht_lc .lc_fl,.ht_lc .lc_fr{ width: 100%; overflow: hidden; float: left;/*height: 66vh;*/}
.lc_fl{ padding-top: 15vh; box-sizing: border-box; position: relative; padding-left: 5%; box-sizing: border-box; background-size: cover; position: relative; z-index: 1; }
.lc_fl:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.w_color,.w_color .h3,.w_color .desc{ color: #bbbbbb!important;}
.w_color h4{ color: #333;}
.w_color .desc{ line-height: 30px; font-size: 16px; margin-top: 30px; font-family: arial;}
.lc_fl .img{ width: 100%; height: 100%; z-index: -2; position: absolute; left: 0; top: 0;}
.ht_lc .lc_fr{ /*padding: 15vh 10.4% 0 5%;*/ box-sizing: border-box;}
.preview{ height: 66px; position: relative;line-height: 66px; text-align: center; border-bottom:2px solid #d8824b;}
.preview li{ font-size: 24px; font-weight: bold; cursor: pointer; font-family:arial; transition: all .2s;}
.preview li.active-nav{ font-size: 24px; color: #d8824b;}
.preview li em{ display: inline-block; margin-right: 10px; background: url(../images/dz4.png) no-repeat center; width: 14px; height: 18px; transition: all .4s; transform: scale(0,0);}
.preview li.active-nav em{ transform: scale(1,1);}
.preview .iconfont{ position: absolute; color: #d8824b; font-size: 20px; top: 60%; transform: translateY(-50%);}
.preview .arrow-left{ left: 0;}
.preview .arrow-right{ right: 0;}
.preview .swiper-container{ width: 84%; margin: 2vh auto;}
.view li{ padding: 40px 0;}
.view .con{ line-height: 30px; color: #333333; line-height: 24px;}
.view .con p{ font-size: 16px;}
@media screen and (max-width: 1200px){

.ht_about .ht_fl,.ht_about .ht_fr{width: 100%;}
.ht_about .z-container{ display: block;}
.ht_about{ padding: 20px 0;}
.ht_about .index_tit h4{ padding-bottom: 20px;}
.z_about .fltit, .ht_about .fltit{ font-size: 16px; line-height: 24px;}
.ht_about .fltit{ /*margin-bottom: 20px;*/}
.ht_about .ht_fr,.ht_about .ht_fr .about_num{ margin: 0;}
.ht_lc .lc_fl, .ht_lc .lc_fr{ width: 100%; height: auto;}
.lc_fl{ padding: 20px;}
.lc_fl .index_tit{ margin-bottom: 0;}
.ht_about:before{display: none;}
.about_num { text-align: center;}
.about_num li .timer{ font-size: 20px;}
.ht_lc .lc_fr{ padding: 10px;}
.preview li.active-nav{ font-size: 14px;}
}

.banner1 {
    width: 100%;
    /*height: 50vh;*/
    position: relative;
    display: none;
}
.lh-news-item img{ width: 100%; display: block;}
.brand{
   
    margin: 0 auto;
    padding: 80px 0;
    overflow: hidden;
    background: #f3f4f6;
}
.brand .z-container{ width: 70%;}
.brand .title{
 
    -webkit-animation-name: transition1;
    animation-name: transition1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.brand .title p:first-child {
    font-family: play;
    font-size: 30px;
}
.brand .title p:nth-child(2) {
    display:block;
    color: #3b3b3b;
    font-size: 20px;
    font-family: Fira Code Medium;
    font-weight: bolder;
    padding: 10px 0;
    margin-bottom: 10px;
}
.brand .content .left p{
    font-family: Fira Code Medium;
/*    font-weight: lighter;*/
    line-height: 40px;
  text-align: justify;
    font-size: 14px;
}
.brand .content .left{
    width: 60%;
    -webkit-animation-name: transition1;
    animation-name: transition1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.brand .content .right {
    width: 35%;
    text-align: center;
    padding-top: 50px;
    -webkit-animation-name: transition2;
    animation-name: transition2;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.brand .content .left a{
	margin-top: 60px;
    font-family: it;
    font-weight: bolder;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 12px;
    background: transparent;
    text-decoration: none;
    padding: 10px 70px;
    border: 1px solid #000;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.brand .content .left a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	right: 0;
	bottom: 0;
	background: #000;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.brand .content .left a:hover {
	color: #fff
}

.brand .content .left a:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

@-webkit-keyframes transition1{
	0% {
		-webkit-transform: translate(-100px, -100px);
		transform: translate(-100px, -100px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes transition1 {
	0% {
		-webkit-transform: translate(-100px, -100px);
		transform: translate(-100px, -100px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes transition2 {
	0% {
		-webkit-transform: translate(100px, -100px);
		transform: translate(100px, -100px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes transition2 {
	0% {
		-webkit-transform: translate(100px, -100px);
		transform: translate(100px, -100px);
		opacity: 0
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}
.index_story .about_num{ text-align: center;     display: flex; margin: 20px 0;}
.index_story .about_num li{ padding: 0; width: 33.33%; color: #333;}
.index_story .about_num li .timer{color: #333;}
.index_story .about_num h4{color: #333;}
.index_story .about_num h3{color: #333;}
.foot-text{ color: #fff; padding: 15px 0;}
@media screen and (max-width: 768px){
	.brand p{ font-size: 18px;}
	.brand h2{ font-size: 24px;}
	.lh-other-contact{ margin-bottom: 0;}
	.lh-contact-c{ margin-top: 0;}
	.index_tit p.h3:last-child{ display: none;}
	.index_tit h4{padding-bottom: 0;}
	.lh-about-c .swiper-container{ padding: 2vh 0;}
	.lh-other-nav h2,.lh-other-contact h2{    padding: 4vw 0; font-size: 16px; font-weight: normal;
    margin: 0 4vw;}
    .lh-other-contact li{padding: 0 4vw; font-size: 14px;}
	.fl{ width: 100%; padding-top: 4vh;}
	.fr{ width: 100%;}
	.index_tit h3, .index_tit .h3{  font-size: 20px;}
	.view li{ padding: 20px 0;}
	.lh-about-c h2{ font-size: 14px;}
	.catebg .s3_content .s3_li .si3_d img{ width: 50px;}
	.catebg .s3_content .s3_li{ height: 30hv;}
	.catebg .s3_content{flex-wrap: wrap;}
	.catebg .s3_content .s3_li:first-child{border-bottom: 1px solid rgba(255,255,255,0.15);}
	.catebg .s3_content .s3_li:last-child{border-top: 1px solid rgba(255,255,255,0.15);}
	.catebg .info{ display: none;}
	.banner1{display: none; margin-top: 65px;}
	.banner{ display: block;margin-top: 65px;     height: 34vh;}
	.brand{ padding: 30px 0; margin-top: -10px;}
	.brand .z-container{ width: 90%;}
	.brand .content {
    -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    }
	 .brand .content .left, .brand .content .right{
	    width: 100%;
	    margin-left: 0;
	   
	    float: none;
	}
	.brand .content .right{ padding-top: 30px;}
	.brand .title p:nth-child(2){ margin-bottom: 10px;}
	.brand .content .left a{ margin-top: 15px;}
.foot-left{ float: none; width: 100%;}
.foot-mid{ width: 100%; float:none; padding: 20px 0; position: relative;}

}

.sp-loading {
	text-align: center;
	max-width: 100%;
	border: 2px solid #fafafa;
	padding: 2px;
	border-radius: 0;
	font-size: 12px;
	color: #888;
}

.sp-loading img {
	max-width: 100%;
	height: auto;
}

.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	/*box-shadow: 1px 1px 8px #ddd;*/
	position: relative;
	text-align: center;
	max-width: 100%;
	width: 100%;
}

.sp-thumbs {
	text-align: left;
	display: block;
	background: #fafafa;
	padding: 10px;
}

.sp-thumbs a {
	position: relative;
	border: 2px solid #f7f7f7;
}

.sp-thumbs a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all var(--transition-time, 800ms);
	-o-transition: all var(--transition-time, 800ms);
	transition: all var(--transition-time, 800ms);
}

.sp-thumbs a:hover:before {
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}

.sp-thumbs img {
	min-height: 56px;
	min-width: 56px;
	max-width: 56px;
}

.sp-thumbs a:link,
.sp-thumbs a:visited {
	width: 47px;
	height: 50px;
	overflow: hidden;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	margin: 0 3px;
}

.sp-thumbs a:hover {
	opacity: 1;
	border: 2px solid #1c7aba;
}

.sp-thumbs a:active,
.sp-current {
	opacity: 1!important;
	position: relative;
	border: 2px solid #1c7aba !important;
}

.sp-thumbs a.sp-current:after {
	transform: scaleX(1);
	visibility: visible;
}

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	over-roll: hide;
}

.sp-large a img {
	max-width: 100%;
	height: auto;
	width: 100%;
}

.sp-large a {
	display: block;
}

.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}

.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 999999;
	display: none;
	cursor: pointer;
}

.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}

#sp-prev,
#sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}

#sp-prev {
	left: 14%;
}

#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}

#sp-next {
	right: 14%;
}

#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}

#sp-prev:hover,
#sp-next:hover {
	background: #444;
}


@media only screen and (max-width: 767px) {

    .share{
    	
    display: none;
    }
    .tab-menu-vertical .nav{ padding: 0;}
    .pb-44{ padding-bottom: 15px!important;}  
    .preview li{ font-size: 14px;}
}
.shouji{ display: none;}

@media screen and (max-width: 768px) {
	#sp-prev {
		left: 10px;
	}
	#sp-next {
		right: 10px;
	}
	
}

@media screen and (max-width: 400px) {
	.sp-wrap {
		margin: 0 0 15px 0;
	}
	#sp-prev,
	#sp-next {
		top: auto;
		margin-top: 0;
		bottom: 25px;
	}
}
.pro-list .container{ width: 100%;}
.ht_fr { border: 3px solid #d8824b; padding: 2%;}
.ht_bout_con2{ margin-top: 5vh;}
/*.lh-news-item .img{ max-height: 260px; overflow: hidden;}*/
@media screen and (max-width: 1000px){
	.shouji{ display: block;}
	.index_story #videos2{ display: none;}
}